<!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <title>&#x9879;&#x76ee;&#x67b6;&#x6784;&#x8bbe;&#x8ba1;&#x63d0;&#x793a;&#x8bcd;&#x6a21;&#x677f;</title>
            <style>
/* From extension vscode.github */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.vscode-dark img[src$=\#gh-light-mode-only],
.vscode-light img[src$=\#gh-dark-mode-only],
.vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
.vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
	display: none;
}

</style>
            
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
<style>
            body {
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
                font-size: 14px;
                line-height: 1.6;
            }
        </style>
        <style>
.task-list-item {
    list-style-type: none;
}

.task-list-item-checkbox {
    margin-left: -20px;
    vertical-align: middle;
    pointer-events: none;
}
</style>
<style>
:root {
  --color-note: #0969da;
  --color-tip: #1a7f37;
  --color-warning: #9a6700;
  --color-severe: #bc4c00;
  --color-caution: #d1242f;
  --color-important: #8250df;
}

</style>
<style>
@media (prefers-color-scheme: dark) {
  :root {
    --color-note: #2f81f7;
    --color-tip: #3fb950;
    --color-warning: #d29922;
    --color-severe: #db6d28;
    --color-caution: #f85149;
    --color-important: #a371f7;
  }
}

</style>
<style>
.markdown-alert {
  padding: 0.5rem 1rem;
  margin-bottom: 16px;
  color: inherit;
  border-left: .25em solid #888;
}

.markdown-alert>:first-child {
  margin-top: 0
}

.markdown-alert>:last-child {
  margin-bottom: 0
}

.markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1
}

.markdown-alert .markdown-alert-title .octicon {
  margin-right: 0.5rem;
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-alert.markdown-alert-note {
  border-left-color: var(--color-note);
}

.markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--color-note);
}

.markdown-alert.markdown-alert-important {
  border-left-color: var(--color-important);
}

.markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--color-important);
}

.markdown-alert.markdown-alert-warning {
  border-left-color: var(--color-warning);
}

.markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--color-warning);
}

.markdown-alert.markdown-alert-tip {
  border-left-color: var(--color-tip);
}

.markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--color-tip);
}

.markdown-alert.markdown-alert-caution {
  border-left-color: var(--color-caution);
}

.markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--color-caution);
}

</style>
        
        </head>
        <body class="vscode-body vscode-light">
            <h1 id="项目架构设计提示词模板">项目架构设计提示词模板</h1>
<h2 id="1-系统架构设计提示词">1. 系统架构设计提示词</h2>
<pre><code>请为[项目名称]创建一个系统架构设计方案，包含以下部分：

1. 架构概述
   - 系统目标
   - 架构原则
   - 技术选型依据
   - 系统边界

2. 系统分层
   - 展示层
     - 用户界面
     - 前端框架
     - 状态管理
   - 应用层
     - 业务逻辑
     - 服务编排
     - 数据处理
   - 数据层
     - 数据模型
     - 存储方案
     - 缓存策略

3. 核心组件
   - 组件职责
   - 组件关系
   - 接口定义
   - 数据流转

4. 技术架构
   - 开发框架
   - 中间件
   - 数据库
   - 缓存系统
   - 消息队列

5. 部署架构
   - 部署模型
   - 服务器配置
   - 网络拓扑
   - 负载均衡

6. 安全架构
   - 认证授权
   - 数据加密
   - 访问控制
   - 安全审计

7. 性能设计
   - 性能目标
   - 扩展策略
   - 优化方案
   - 监控方案
</code></pre>
<h2 id="2-前端架构设计提示词">2. 前端架构设计提示词</h2>
<pre><code>请为[项目名称]创建一个前端架构设计方案，包含以下部分：

1. 技术栈选型
   - 框架选择
   - 构建工具
   - 包管理器
   - 开发语言

2. 项目结构
   - 目录组织
   - 模块划分
   - 资源管理
   - 配置管理

3. 状态管理
   - 状态设计
   - 数据流转
   - 缓存策略
   - 持久化方案

4. 组件设计
   - 组件分类
   - 组件通信
   - 组件复用
   - 组件测试

5. 路由设计
   - 路由结构
   - 权限控制
   - 导航守卫
   - 路由懒加载

6. API设计
   - 接口规范
   - 请求封装
   - 错误处理
   - 数据模拟

7. 性能优化
   - 加载优化
   - 渲染优化
   - 缓存优化
   - 代码分割
</code></pre>
<h2 id="3-后端架构设计提示词">3. 后端架构设计提示词</h2>
<pre><code>请为[项目名称]创建一个后端架构设计方案，包含以下部分：

1. 服务架构
   - 服务划分
   - 服务通信
   - 服务治理
   - 服务部署

2. 数据架构
   - 数据模型
   - 存储方案
   - 缓存策略
   - 数据流转

3. 接口设计
   - 接口规范
   - 版本控制
   - 参数校验
   - 错误处理

4. 安全设计
   - 认证机制
   - 授权策略
   - 数据加密
   - 访问控制

5. 性能设计
   - 并发处理
   - 负载均衡
   - 限流降级
   - 监控告警

6. 可用性设计
   - 容错机制
   - 备份恢复
   - 灾难恢复
   - 监控预警
</code></pre>
<h2 id="4-数据库设计提示词">4. 数据库设计提示词</h2>
<pre><code>请为[项目名称]创建一个数据库设计方案，包含以下部分：

1. 数据模型
   - 实体关系
   - 字段定义
   - 索引设计
   - 约束规则

2. 存储方案
   - 存储引擎
   - 分区策略
   - 备份方案
   - 恢复策略

3. 性能优化
   - 索引优化
   - 查询优化
   - 缓存策略
   - 分库分表

4. 安全设计
   - 访问控制
   - 数据加密
   - 审计日志
   - 备份策略
</code></pre>
<h2 id="使用说明">使用说明</h2>
<ol>
<li>根据项目规模和需求，选择合适的架构设计提示词</li>
<li>将[项目名称]替换为实际项目名称</li>
<li>根据项目特点，调整或补充模板内容</li>
<li>确保设计方案的可行性和可扩展性</li>
<li>建议结合具体业务场景，补充详细的设计说明和示例</li>
</ol>

            
            
        </body>
        </html>